<template>
    <el-container>
        <el-header v-if="props.show_header">
            <Header></Header>
        </el-header>
        <el-container>
            <LeftSider v-if="props.show_sider"></LeftSider>
            <el-main>
                <RouterView></RouterView>
            </el-main>
        </el-container>
    </el-container>
</template>
<script>
export default defineComponent({
    name: 'index',
});
</script>
<script setup>
import Header from "./header/Header.vue"
import LeftSider from "./leftSider/LeftSider.vue"

const props = defineProps({
    show_header: {
        type: Boolean,
        default: true,
    },
    show_sider: {
        type: Boolean,
        default: true,
    },
})
</script>
<style lang='scss' scoped>
</style>
